<template>
<div class="insert">
  <el-card class="box-card">
  <div slot="header" class="clearfix">
    <span>用户信息</span>
  </div>
  <el-form  label-width="150px" :model="formLabelAlign">
    <el-form-item label="账号：">
      <span>{{formLabelAlign.account}}</span>
    </el-form-item>
    <el-form-item label="密码：">
      <span >{{formLabelAlign.password}}</span>
    </el-form-item>
<!--    <el-form-item label="图像加密秘钥：：">-->
<!--      <span>{{formLabelAlign.imgPassword}}</span>-->
<!--    </el-form-item>-->
<!--    <el-form-item label="信息隐藏秘钥：">-->
<!--      <span>{{formLabelAlign.infoPassword}}</span>-->
<!--    </el-form-item>-->
  </el-form>
</el-card>
</div>

</template>

<script>
export default {
  name:'userInfo',
   data() {
      return {
        formLabelAlign:{
            infoPassword:'QAWSDAW-QDddwfd123ZSS1SDSA23*ER_SDADF1',
            imgPassword:'AWQDddwfd123ZSS1SDSA23*ER_SDADF1-QAWSDA',
            password:'123456789',
            account:'张三'
        }
      }
    },
    methods: {
    }
}
</script>

<style scoped>
.insert{
  margin:auto;
  width: 50%;
  height: 40%;
  background: #fff;
  padding: 20px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  position: relative;
  box-shadow: 0 0 8px rgba(232, 237, 250, .6),
  0 2px 4px 0 rgba(232, 237, 250, .5)
}
.clearfix{
  text-align: center;
}
.clearfix{
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}
</style>
